<style>
/* 重写样式 */
.fui-header.block {
    display: block;
}

.fui-tab {
    margin: 0;
}

.fui-tab a {
    height: 2.2rem;
    line-height: 2.2rem;
}

.fui-tab:after {
    display: none;
}
.nickname {
    color: #50b6fe;
}
    .shop-index-page .menu {height: auto; background: #fff;}
    .shop-index-page .menu .item {height: auto; width: 1%; padding: 0.5rem 0; margin: 0; font-size: 0.7rem; color: #636363; text-align: center; display: table-cell;position: relative;}
    .shop-index-page .menu .item:after  {font-size: 0.7rem;position: absolute;content: '';left:-1px;top:0.5rem;bottom:0.5rem;border-left:1px solid #d9d9d9;}
    .content-empty{padding:1rem 0;margin:0;}
source{
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
}
</style>

<div class="fui-page shop-index-page" style="display:block;">
	<!-- 关注按钮 -->
	<!--<div class="fe-guide" ng-if="pagedata.isfollow==0" style="display:block;z-index:890;">
		<div class="fe-guide-faceimg"><img ng-src="{{tomedia(pagedata.pluginset.logo) || '../core/resource/images/nopic.jpg'}}" /></div>
		<div class="fe-guide-sub" onclick="$('#followbar').modal();">立即关注</div>
		<div class="fe-guide-text">
			<p class="">{{pagedata.pluginset.followtitle ||'加关注,更多权限！'}}</br>{{pagedata.pluginset.followdesc ||'关注公众号，享专属服务'}}</p>
		</div>
	</div>
	<div id="followbar" class="modal fade" tabindex="-1" style="z-index:99999;display:none;position: absolute">
		<div class="modal-dialog" style="width:80%;left:10%">
			<div class="wap-qrcode-container">
				<p class="example1">{{pagedata.pluginset.title || '欢迎浏览'}}</p>
					<div class="wap-qrcode-image">
						<img ng-src="{{tomedia(pagedata.pluginset.ewm) || '../core/resource/images/nopic.jpg'}}"/>
					</div>
				<p class="example1">长按二维码关注</p>
				</div>
		</div>
	</div>-->
    <div class="fui-content navbar" style="padding-bottom:4rem">
		<div ng-if="pagedata.pluginset.no_hdp!=1" id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
					<div class="carousel-inner" role="listbox" style="height:6rem">
					<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.banner">
						
						<a href="{{item.url}}">
							<img src="{{tomedia(item.picurl) || '../addons/jy_vote/resource/img/hdp01.jpg'}}" style="display: block; width: 100%; height: 100%;">
						</a>
					</div>
					</div>
						<style>
								.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
								.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
						</style>
						<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
							<div class="fui-swipe-bullet" ng-repeat="item in pagedata.banner" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
						</div>
		</div>
		<div ng-if="pagedata.notices.length>0 && pagedata.pluginset.no_notice!=1" class="fui-notice">
			<div class="image"><img src="../core/resource/images/diy/hotdot.jpg"></div>
			<div class="icon"><i class="fa fa-volume-up" style="font-size: 0.7rem;"></i></div>
			<div class="text">
				<ul>
						<li ng-repeat="item in pagedata.notices">
							<a href="javascript:;" ng-click="access_json('core/article.list/detail/id='+item.id)">{{item.title}}</a>
						</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript">
			function autoScroll(obj){
				$(obj).find("ul").animate({  
					marginTop : "-1rem"  
				},1000,function(){  
					$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);  
				})  
			}  
			$(function(){  
				setInterval('autoScroll(".fui-notice .text")',3000);
			}) 
		</script>
		<div class="menu" ng-if="pagedata.pluginset.no_zuji!=1">
            <a class="item external" ng-click="access_json('jy_vote/myshoucang/')">
                <span class="text">我的收藏</span>
            </a>
            <a class="item external" ng-click="access_json('jy_vote/myzuji/')">
                <span class="text">我的足迹</span>
            </a>
        </div>
		<div ng-include="sys_html('_bankuai1')"></div>
		<div ng-if="pagedata.pluginset.no_group!=1" class="fui-cell-group fui-comment-group">
            <div class="fui-cell fui-cell-click">
                <div class="fui-cell-text desc">热门分类</div>
                <div class="fui-cell-text desc label" href="javascript:;" ng-click="access_json('jy_vote/groups/')" style="text-align: right;">
                    全部
                </div>
                <div class="fui-cell-remark"></div>
            </div>
			<div ng-if="pagedata.groups.length>0" class='fui-tab-scroll' style="z-index:0;height:3.5rem;padding:0 0.3rem 0.3rem">
					<div class="fui-icon-col" style="margin-top:0" ng-repeat="item in pagedata.groups" ng-click="access_json('jy_vote/r_list//groupid='+item.id)">
						<div class="icon">
							<img class="img-circle"  src="{{tomedia(item.logo) || '../core/resource/images/nopic.jpg'}}">
						</div>
						<div class="text">{{item.title}}</div>
					</div>
			</div>
        </div>
		<div class="live-list" class="menu" ng-if="pagedata.pluginset.no_reply!=1">
            <div class="fui-list" ng-repeat="item in pagedata.reply">
                <div class="fui-list-media">
                    <a href="javascript:;" ng-click="access_json('jy_vote/r_detail/main/id='+item.id)"  data-nocache="true">
                        <span class="live-living">
                                <i></i>进行中
                         </span>
						<div class="pics">{{item.onum || 0}}作品</div>
                        <img ng-src="{{tomedia(item.thumb) || '../core/resource/images/banner-1.jpg'}}" alt="{{item.title}}">
                    </a>
                </div>
                <div class="fui-list-inner">
                    <a href="javascript:;" ng-click="access_json('jy_vote/r_detail/main/id='+item.id)" data-nocache="true">
                        <h3>{{item.title}}</h3>
                    </a>
					<span class="overflow-h" style="font-size:0.65rem">{{item.infomsg}}</span>
                    <p>{{item.starttime}} 开赛</p>
                    <div class="live-list-subscribe">
                        <span>参与人数 {{item.onum}}</span>
						<span>
                            <a href="javascript:;" ng-click="access_json('jy_vote/r_detail/main/id='+item.id)" class="live-subscribe-a live-subscribe-full-a">观看活动</a>
                        </span>
                    </div>
                </div>
            </div>
        </div>
		<div ng-if="pagedata.reply.length <1" class='content-empty'>
            没有进行中的活动！
        </div>
		<div class="fui-line" style="width:6rem;margin:0.2rem auto 0 auto">
			<div class="text text-danger" style="background:#f7f7f7">热门选手</div>
		</div>
		<div class="live-hot-list" style="background:none">
		<div class="container">
			<div class="fui-picturew row-2" style="padding: {paddingtop}px {paddingleft}px; background: {background};">
                <a ng-repeat="item in pagedata.list" class="item"  style="padding: 5px;" href="javascript:;" ng-click="access_json('jy_vote/o_detail//id='+item.id)" >
                    <div ng-if="item.reply.showtype !=1"  class="image" style="width:100%;height:200px;background:url('{{tomedia(item.thumb) || '../core/resource/images/nopic.jpg'}}') no-repeat 50%;background-size: cover;">
						<div ng-if="pagedata.pluginset.show_otitle!=1" class="vote-number">{{item.id}}号，{{item.realname || '神秘巨星'}}</div>
						<div ng-if="pagedata.pluginset.show_otitle==1" class="vote-number">{{item.id}}号，{{item.title || '作品名称'}}</div>
						<div class="pics">{{item.picsnum || 0}}P</div>
                    </div>
					<div ng-if="item.reply.showtype ==1" class="image" style="width:100%;height:200px;background:#000;">
						<div ng-if="pagedata.pluginset.show_otitle!=1" class="vote-number">{{item.id}}号，{{item.realname || '神秘巨星'}}</div>
						<div ng-if="pagedata.pluginset.show_otitle==1" class="vote-number">{{item.id}}号，{{item.title || '作品名称'}}</div>
						<div class="pics">{{item.picsnum || 0}}P</div>
						<video poster="{{tomedia(item.thumb) || tomedia(item.reply.noimg)}}" height="200" width="100%" controls="" x5-playsinline="" playsinline="" webkit-playsinline="" preload="auto">
							<source ng-src="{{tomedia(item.video)}}" type="video/mp4" >
						</video>
                    </div>
					<div ng-if="pagedata.basic.is_downline!=1">
					<div class="btn-footer" ng-if="item.group.type==0">
							<div class="b-left">投票</div>
							<div class="b-right">{{item.votenums || 0}}票</div>
					</div>
					<div class="btn-footer" ng-if="item.group.type!=0 && item.plugin!='jy_weishop'">
							<div class="b-left">点赞</div>
							<div class="b-right">{{item.likes || 0}}赞</div>
					</div>
					<div class="btn-footer" ng-if="item.plugin=='jy_weishop' && !item.group.type">
							<div class="b-left">买家秀</div>
							<div class="b-right">{{item.likes || 0}}赞</div>
					</div>
					</div>
					<div ng-if="pagedata.basic.is_downline==1">
						<div class="btn-footer">
								<div class="b-left" style="width:50%;padding:5px;border-bottom-left-radius:0">专家评分</div>
								<div class="b-right" style="width:50%;padding:5px;border-bottom-right-radius:0">{{item.pingfen || 0}}分</div>
						</div>
						<div class="btn-footer">
								<div class="b-left" style="width:50%;padding:5px;border-bottom-left-radius:0">线下投票</div>
								<div class="b-right" style="width:50%;padding:5px;border-bottom-right-radius:0">{{item.votenums1 || 0}}票</div>
						</div>
						<div class="btn-footer">
								<div class="b-left" style="width:50%;padding:5px;border-bottom-left-radius:0">线上投票</div>
								<div class="b-right" style="width:50%;padding:5px;border-bottom-right-radius:0">{{item.votenums2 || 0}}票</div>
						</div>
					</div>
                </a>
			</div>
        </div>
		<div style="clear:both;"></div>
		</div>
		<div ng-if="pagedata.loading" class='infinite-loading'><span class='fui-preloader'></span><span style="margin-left:1.5rem"> 正在加载...</span></div>
	</div>
</div>
<div ng-include="sys_html('_footer')"></div>
<script>
/*var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/;
if (browserRule.test(navigator.userAgent)) {
        window.onpageshow = function(event) {
            if (event.persisted) {
                window.location.reload()
            }
        };
}*/
require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
});
//信息弹窗：
//前端先注册以等待接收消息
require(['jinyun_socket'],function(jinyun_socket){
    jinyun_socket.connect();
    jinyun_socket.onsystem=function(res){
        if(res.message){
			var success_title = '确认';
			if(res.url){
				success_title = '前往查看';
			}
			scope.confirm({
						'message':res.message,
						'success':res.url,
						'success_title':success_title
			});
		}
    }
});
//滚动加载
scope.tool.get_list('jy_vote/index/getlist/keyword='+scope.pagedata.params.keyword,true);
scope.pagedata.scroll_bottom=function(){
	scope.tool.get_list('jy_vote/index/getlist/keyword='+scope.pagedata.params.keyword);
}
//手机软键盘--搜索
$("body").keydown(function() {
    if (event.keyCode == "13") {
        $('#searchsub').click();
    }
});
</script>